body,
select,
button,
textarea,
input {
  padding: 0;
  margin: 0;
  font-family: "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial,
    "宋体", "黑体";
}

* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: none;
  color: #666;
  max-width: 100vw;
  height: auto;
  // overflow: hidden;
}

body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

input {
  font-size: 14px;
}

input[type="submit"] {
  cursor: pointer;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #bbb;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbb;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #bbb;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #bbb;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

select,
input,
img,
select {
  vertical-align: middle;
}

textarea {
  resize: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cl {
  clear: both;
}

.inline {
  display: inline-block;
}

a {
  text-decoration: none;
  border: none;
  color: #666;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

a:hover {
  cursor: pointer;
  color: #0ea7f8;
}

a:focus {
  outline: none;
}

.show {
  display: block;
}

.hide {
  display: none;
}

button {
  outline: none;
}

body {
  max-width: 100vw;
  overflow: hidden;
  overflow-y: auto;
}

.status_message {
  min-width: 300px;
  position: fixed;
  top: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  transition: 2s all;
  padding: 10px 20px;
  background-color: #b8ccbf;
  z-index: 9999;
  display: flex;
  border-radius: 5px;
  .messsge_i_cover {
    line-height: 25px;
  }
  i {
    font-size: 18px;
  }
  p {
    margin-left: 10px;
    max-width: 550px;
    line-height: 25px;
  }
}

.con_1200 {
  margin: 0 auto;
  width: 1200px;
}

.header_one {
  height: 34px;
  background-color: #f5f5f5;
  .con_1200 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    .left {
      display: flex;
      height: 34px;
      align-items: center;
      p {
        font-size: 12px;
        height: 16px;
        color: #666;
        border-right: 2px solid #ddd;
        padding: 0 10px;
        display: flex;
        align-items: center;
        &:nth-of-type(1) {
          font-size: 14px;
          padding: 0 20px 0 0;
        }
        &:nth-of-type(2) {
          span {
            margin-left: 10px;
            margin-right: 10px;
          }
        }
        &:nth-of-type(4) {
          i {
            font-size: 14px;
            position: relative;
            top: 2px;
            margin-right: 2px;
          }
        }

        &:nth-last-of-type(1) {
          border-right: none;
          i {
            margin-right: 10px;
          }
        }
      }
    }

    .right {
      display: flex;
      p {
        font-size: 12px;
        color: #666;
        padding: 0 10px;
        border-right: 2px solid #ddd;
        height: 16px;
        &:nth-last-of-type(1) {
          border-right: none;
          padding-right: 0;
        }
      }
    }

    .citys {
      position: absolute;
      top: 24px;
      left: 140px;
      width: 380px;
      padding: 10px 20px;
      padding-top: 20px;
      border: 1px solid #f5f5f5;
      background-color: #f5f5f5;
      // border-top: none;
      z-index: 999;
      ul {
        li {
          display: inline-block;
          padding: 5px 10px;
          font-size: 12px;
          color: #555;
          &:hover {
            background-color: #0ea7f8;
            cursor: pointer;
            color: #fff;
          }
        }
      }
    }
  }
}

.header_two {
  padding: 24px 0;
  .con_1200 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  img {
    width: 248px;
    height: 36px;
  }

  .right {
    display: flex;
    align-items: center;
    p {
      margin-left: 40px;
      color: #999;
      i {
        font-size: 18px;
        position: relative;
        top: 2px;
      }

      span {
      }
    }
  }
}

.nav {
  height: 35px;
  border-bottom: 1px solid #51a6ff;
  .con_1200 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left {
      display: flex;
      .item {
        padding: 7px 20px;
        margin-right: 10px;
        &:nth-of-type(1) {
          position: relative;
          padding-right: 50px;
          border: 1px solid #51a6ff;
          border-bottom: none;
          i {
            font-weight: 550;
            font-size: 18px;
          }
          .menulist1 {
            height: 400px;
            width: 100%;
            position: absolute;
            top: 35px;
            left: 0;
            z-index: 999;
            background-color: rgba(7, 17, 27, 0.6);
            display: flex;
            flex-direction: column;
            z-index: 980;

            a {
              padding: 0 30px;
              height: 42px;
              line-height: 42px;
              display: flex;
              //  flex-direction: column;
              justify-content: space-between;
              border-bottom: 1px solid #757575;
              &:hover {
                background-color: #fff;
                span {
                  color: #333;
                }

                i.iconfont.icon-right {
                  color: #333;
                }
              }

              span {
                color: #fff;
                font-size: 14px;
                width: 115px;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              }

              i.iconfont.icon-right {
                color: #fff;
                font-size: 12px;
              }
            }
          }
        }
        i {
        }
        .iconbottom {
          font-size: 14px;
          color: #999;
        }

        a {
        }
      }
    }

    .right {
      i.iconfont.icon-phone07 {
        font-weight: 550;
      }

      span {
        font-weight: 550;
      }
    }
  }
}

.swiper {
  max-width: 100vw;
  overflow: hidden;
  height: 400px;
  position: relative;
  #box {
    // position:relative;
    width: 100vw;
    height: 400px;
  }
  img {
    position: absolute;
    width: 100vw;
    height: 400px;
  }
  #imgId1 {
    opacity: 1;
  }
  #imgId2 {
    opacity: 0;
  }
  #imgId3 {
    opacity: 0;
  }
  #imgId4 {
    opacity: 0;
  }
  #imgId5 {
    opacity: 0;
  }
  ul {
    position: absolute;
    left: 50%;
    bottom: -10px;
    // transform: translate(-50%,0);
    height: 40px;
    z-index: 970;
  }
  li {
    float: left;
    margin-left: 10px;
    width: 40px;
    height: 8px;
    background-color: #fff;
    cursor: pointer;
  }
  .con_1200 {
    width: 1200px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    .get-price-box {
      width: 900px;
      padding: 16px 0;
      position: absolute;
      bottom: 50px;
      left: 276px;
      background-color: rgba(7, 17, 27, 0.6);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c807111b,endColorstr=#c807111b);
      border-radius: 4px;
      padding: 20px;
      .top {
        display: flex;
        margin-bottom: 20px;
        p {
          font-size: 18px;
          color: #fff;
          &:nth-of-type(1) {
            padding-right: 10px;
          }

          &:nth-of-type(2) {
            font-size: 16px;
            padding-left: 10px;
            border-left: 1px solid #fff;
          }
          span {
            color: #fc9993;
            font-size: 18px;
          }
        }
      }

      .footer {
        input {
          height: 40px;
          line-height: 40px;
          background: #fff;
          padding: 0 10px;
          font-size: 14px;
          color: #999;
          border: none;
          outline: none;
          border-radius: 4px;
          margin-right: 5px;
          &:nth-of-type(2) {
            width: 289px;
          }
        }

        a {
          display: inline-block;
          width: 160px;
          height: 40px;
          line-height: 40px;
          border-radius: 4px;
          font-size: 14px;
          color: #fff;
          text-align: center;
          background: #45bfff;
          margin-right: 15px;
          &:nth-of-type(2) {
            background-color: #f0c804;
          }
        }
      }
    }
  }
}

.swiper1 {
  width: 480px;
  overflow: hidden;
  height: 305px;
  position: relative;
  #box1 {
    // position:relative;
    width: 480px;
  }
  .img_cover {
    position: relative;
    opacity: 0;
    &:nth-of-type(1) {
      opacity: 1;
    }
    img {
      position: absolute;
      width: 480px;
      height: 305px;
      z-index: 970;
    }
    p {
      width: 100%;
      height: 58px;
      line-height: 58px;
      font-size: 16px;
      color: #fff;
      background: rgba(0, 74, 168, 0.5);
      position: absolute;
      top: 250px;
      bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      z-index: 980;
      padding-left: 20px;
    }
  }

  #imgId1 {
    opacity: 1;
  }
  #imgId2 {
    opacity: 0;
  }
  #imgId3 {
    opacity: 0;
  }
  #imgId4 {
    opacity: 0;
  }
  #imgId5 {
    opacity: 0;
  }
  ul {
    position: absolute;
    right: 30px !important;
    bottom: -10px;
    // transform: translate(-50%,0);
    height: 40px;
    z-index: 999;
  }
  li {
    float: left;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
  }
}

.menulist2_pos {
  position: relative;
  .menulist2 {
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    z-index: 999;
    a {
      display: block;
      height: 40px;
      line-height: 40px;
      color: #0ea7f8;
      // text-align: center;
      padding: 0 30px;
      font-size: 14px;
      &:nth-of-type(1) {
        border-top: 1px solid #fff;
      }
      &:hover {
        color: #fff;
        background-color: #0ea7f8;
      }
    }
  }
}

.menulist1_1 {
  border: 1px solid #0ea7f8;
  border-top: none;
  width: 700px;
  height: 400px;
  background-color: #f5fff5;
  position: absolute;
  top: 0;
  left: calc(100% - 0px);
  display: flex;
  justify-content: space-around;
  padding: 20px 30px;
  .cover {
    display: flex;
    flex-direction: column;
    .title {
      h3 {
        font-size: 16px;
        color: rgb(245, 84, 84);
      }

      .a_cover {
        display: flex;
        flex-wrap: wrap;
        a {
          width: 120px;
          border-bottom: none !important;
          color: #666;
          background: none !important;
          font-size: 14px;

          &:hover {
            color: #0ea7f8;
          }
        }
      }
    }
  }

  .item1 {
    display: flex;
    flex-direction: column;
    a {
      border-bottom: none !important;
      color: #666;
      background: none !important;
      font-size: 14px;
      width: 100%;
      &:hover {
        color: #0ea7f8;
      }
    }
  }
}

.index_list1 {
  background-color: #f5f5f5;
  padding: 35px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  .con_1200 {
    // margin: 0 auto;

    width: 1200px;

    display: flex;
    justify-content: space-between;
    .item {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 265px;
      height: 130px;
      background-color: #fff;
      &:hover {
        box-shadow: 0px 0px 5px #ccc;
      }
      &:nth-of-type(2) {
        p {
          &:nth-of-type(1) {
            background-color: #fe8972;
          }
        }
      }
      &:nth-of-type(3) {
        p {
          &:nth-of-type(1) {
            background-color: #76c743;
          }
        }
      }
      &:nth-of-type(4) {
        p {
          &:nth-of-type(1) {
            background-color: #f0c702;
          }
        }
      }
      p {
        &:nth-of-type(1) {
          width: 58px;
          height: 58px;
          border-radius: 50%;
          background-color: #51a6ff;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 20px;
          i {
            color: #fff;
            font-size: 32px;
          }
        }

        &:nth-last-of-type(1) {
          display: flex;
          flex-direction: column;
          span {
            &:nth-of-type(1) {
              font-size: 16px;
              color: #555;
              font-weight: bold;
            }
            &:nth-of-type(2) {
              font-size: 12px;
              color: #999;
              margin-top: 8px;
            }
          }
        }
      }
    }
  }
}

.index_list2 {
  .con_1200 {
    margin: 0 auto;
    width: 1200px;
    padding: 40px 0;
    .new-order-nav {
      display: flex;
      li {
        padding: 0 20px;
        cursor: pointer;
        font-weight: 550;
        &:nth-of-type(1) {
          padding-left: 0;
          border-right: 1px solid #999;
        }
      }
    }
  }
}

.index_list2_tab {
  display: flex;
  .left {
    width: 776px;
    position: relative;
    padding-top: 30px;
    .index_list2_tab_left_cover {
      height: 360px !important;
      overflow: hidden;
    }
    ul {
      li {
        height: 90px;
        width: 776px;
        display: flex;
        justify-content: space-between;

        padding-top: 30px;
        .li_left {
          min-width: 543px;

          .li_left_top {
            font-size: 14px;
            span.color1 {
              color: #0ea7f8;
              font-size: 14px;
            }

            p {
              margin-top: 15px;
              padding-left: 85px;
              font-size: 14px;
              color: #999;
              span.rightspan {
                margin-left: 25px;
              }
            }
          }
        }

        span.time1 {
          color: #666;
          font-size: 14px;
        }

        p.danzi {
          cursor: pointer;
          display: block;
          width: 100px;
          height: 30px;
          line-height: 30px;
          border-radius: 4px;
          background: #0ea7f8;
          color: #fff;
          font-size: 12px;
          text-align: center;
        }
      }
    }
  }

  .right {
    flex: 1;
    ul {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      li {
        // position: absolute;
        padding-top: 88px;
        div.con_360 {
          position: relative;
          width: 365px;
          height: 233px;
          border: 1px solid #ddd;
          border-top: 2px solid #0ea7f8;
          padding: 0 20px;
          padding-top: 60px;
          img {
            position: absolute;
            top: -40px;
            left: 50%;
            transform: translate(-50%, 0);
            width: 80px;
            height: 80px;
            border-radius: 50%;
          }

          p {
            color: #666;
            font-size: 14px;
            line-height: 24px;
            &:nth-of-type(1) {
              text-align: center;
              margin-bottom: 15px;
            }
            span {
              color: #333;
              font-weight: 550;
              font-size: 16px;
              margin-right: 5px;
            }
            i {
              font-size: 18px;
            }
          }
        }
      }
    }
  }
}

.cooperation {
  padding-top: 30px;
  ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    li {
      width: 380px;
      height: 137px;
      padding: 23px 20px;
      background-color: #f5f5f5;
      margin-bottom: 20px;
      &:hover {
        box-shadow: 0 0 5px #ccc;
      }
      a {
        font-size: 16px;
        color: #333;
        // max-width: 300px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }

      .center {
        display: flex;
        margin-top: 15px;
        .p1 {
          font-size: 14px;
          width: 150px;
          display: flex;
          p {
            font-size: 14px;
            color: #fff;
            background: #0ea7f8;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 5px;
            margin-right: 5px;
          }
          span {
            font-size: 14px;
          }
        }

        span.center_right {
          font-size: 14px;
        }
      }

      p.time {
        font-size: 14px;
        color: #999;
        margin-top: 20px;
      }
    }
  }

  .more_a {
    display: block;
    width: 100px;
    margin: 15px auto;
  }
}

.index_list3 {
  background-color: #f5f5f5;
  width: 100%;
  padding: 20px 30px;
  .con_1200 {
    width: 1200px;
    // height: 410px;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    .index_List3_left {
      width: 862px;
      background-color: #fff;
      padding: 20px;
      .list3_header {
        display: flex;
        align-items: center;
        position: relative;
        p.sx_3 {
          width: 5px;
          height: 24px;
          background-color: #0ea7f8;
        }

        h3 {
          margin-left: 10px;
          margin-right: 10px;
        }

        p.sx_1 {
          width: 1px;
          height: 10px;
          background-color: #ccc;
        }

        p {
          cursor: pointer;
          display: flex;
          align-items: center;
          span.selectCity1 {
            margin-left: 10px;
            font-size: 14px;
          }

          i.iconfont.icon-bottom.i1 {
            font-size: 14px;
            color: #666;
            margin-left: 2px;
            position: relative;
            top: 2px;
            left: 2px;
          }
        }
      }

      ul {
        display: flex;
        padding-top: 30px;
        li.left {
          &:nth-of-type(1) {
            border-right: 1px solid #ddd;
          }
          &:nth-of-type(2) {
            padding-left: 20px;
          }
          h4 {
            font-size: 16px;
            text-align: center;
            margin-bottom: 10px;
          }

          .cover {
            display: flex;
            flex-wrap: wrap;
            a {
              width: 50%;
              line-height: 40px;
              font-size: 14px;
            }
          }
        }
      }
      .more {
        width: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px auto;
        margin-bottom: 10px;
      }
    }

    .index_List3_right {
      background-color: #fff;
      width: 320px;
      min-height: 380px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      h4 {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        text-align: center;
        margin-bottom: 8px;
      }
      p {
        font-size: 14px;
        color: #333;
        text-align: center;
        margin-bottom: 30px;
        span {
          color: #ff4e44;
          font-size: 16px;
        }
      }
      .item1_phone {
        background-color: #f1f8fe;
        margin-bottom: 20px;
        background: #f1f8fe;
        border-radius: 4px;
        height: 52px;
        border: 1px solid #f1f8fe;
        width: calc(100% - 60px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        i {
          font-size: 24px;
          color: #0ea7f8;
          margin-left: 10px;
        }
        .sx_1 {
          position: relative;
          top: 15px;
          width: 1px;
          height: 20px;
          background-color: #ddd;
        }
        input {
          width: 200px;
          outline: none;
          border: none;
          background-color: #f1f8fe;
        }
      }
      .item1_weizhi {
        background-color: #f1f8fe;
        margin-bottom: 20px;
        background: #f1f8fe;
        border-radius: 4px;
        height: 52px;
        border: 1px solid #f1f8fe;
        width: calc(100% - 60px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        i {
          font-size: 24px;
          color: #0ea7f8;
        }
        .sx_1 {
          position: relative;
          top: 15px;
          width: 1px;
          height: 20px;
          background-color: #ddd;
        }
        .i2 {
          font-size: 16px;
          margin-right: 10px;
        }
        .i3 {
          margin-left: 10px;
        }
        .textval {
          display: inline-block;
          width: 170px;
        }
      }

      a {
        display: block;
        width: calc(100% - 62px);
        line-height: 54px;
        height: 54px;
        border-radius: 4px;
        background: #0ea7f8;
        font-size: 16px;
        color: #fff;
        text-align: center;
        // margin-top: 10px;
      }

      .lunbo {
        height: 30px;
        margin-top: 20px;
        overflow: hidden;
        ul {
          li {
            height: 30px;
            line-height: 30px;
          }
        }
      }
    }
  }
}

.citys1 {
  position: absolute;
  top: 22px;
  left: 100px;
  width: 380px;
  padding: 10px 20px;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  z-index: 999;
  ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px !important;
    li {
      display: inline-block;
      padding: 5px 10px;
      font-size: 12px;
      color: #555;
      &:hover {
        background-color: #0ea7f8;
        cursor: pointer;
        color: #fff;
      }
    }
  }
}

.select_tree_citys {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 220px;
  z-index: 999;
  border: 1px solid #ddd;
  .top {
    height: 34px;
    display: flex;
    .left_citys_index {
      flex: 1;
      text-align: center;
      line-height: 34px;
      height: 34px;
      font-size: 14px;
      border-bottom: 1px solid #999;
    }

    .right_citys_index {
      flex: 1;
      text-align: center;
      line-height: 34px;
      height: 34px;
      font-size: 14px;
      border-bottom: 1px solid #999;
    }
  }

  .footer1 {
    height: 186px;
    overflow: hidden;
    display: flex;
    .footer1_left_scroll {
      flex: 1;

      ul {
        height: 186px;
        overflow-y: scroll;
        li {
          line-height: 30px;
          height: 30px;
          text-align: center;
          background-color: #fff;

          font-size: 12px;
          color: #666;
          cursor: pointer;
          &:hover {
            color: #0ea7f8;
          }
        }
      }
    }

    .footer1_right_scroll {
      flex: 1;
      height: 186px;
      overflow-y: scroll;
      ul {
        li {
          line-height: 30px;
          height: 30px;
          text-align: center;
          background-color: #fff;

          font-size: 12px;
          color: #666;
          cursor: pointer;
          &:hover {
            color: #0ea7f8;
          }
        }
      }
    }
  }
}

.index_list4 {
  .con_1200 {
    margin: 30px auto;
    width: 1200px;
    position: relative;
    .title {
      display: flex;
      justify-content: center;
      align-items: center;
      p.hx_100 {
        width: 100px;
        height: 1px;
        background-color: #ccc;
      }

      h3 {
        margin: 0 20px;
        font-size: 24px;
        color: #555;
      }
    }

    .btn {
      display: block;
      width: 280px;
      height: 56px;
      line-height: 56px;
      text-align: center;
      font-size: 18px;
      color: #fff;
      background: #0ea7f8;
      margin: 30px auto;
      border-radius: 4px;
    }
  }
}

.index_list4_swiper {
  margin-top: 30px;
  width: 1200px;

  position: relative;

  .cover {
    overflow: hidden;
  }
  ul {
    display: flex;
    transform: translateX(-1200px);
  }
}

.index_list5 {
  margin-top: 60px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
  .con_1200 {
    width: 1200px;
    margin: 0px auto;
    .title {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      p.hx_100 {
        width: 100px;
        height: 1px;
        background-color: #ccc;
      }

      h3 {
        margin: 0 20px;
        font-size: 24px;
        color: #555;
      }
    }

    .cover_index51 {
      display: flex;
      justify-content: space-between;
    }

    .left1 {
      .left {
        .index_list5_list1 {
          width: 658px;
          .index_list5_header {
            background-color: #e9e9e9;

            height: 62px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .list_header {
              display: flex;
              height: 100%;

              align-items: center;
              p {
                padding: 0 40px;
                height: 100%;
                line-height: 62px;
                cursor: pointer;
              }
            }

            a {
              font-size: 14px;
              line-height: 62px;
              color: #0272ff;
              margin-right: 20px;
            }
          }
          ul.list1_index5 {
            li {
              display: flex;
              margin-top: 26px;
              overflow: hidden;
              &:hover {
                .list_left {
                  background-color: #0ea7f8;
                }
              }
              .list_left {
                display: inline-block;
                min-width: 50px;
                height: 50px;
                background: #dcdcdc;
                color: #fff;
                font-size: 25px;
                line-height: 50px;
                text-align: center;
                margin-right: 5px;
              }

              .list_right {
                a {
                  display: block;
                  max-width: 600px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  color: #333;
                  font-size: 16px;
                  margin-bottom: 10px;
                  font-weight: bold;
                  display: block;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                }

                span {
                  max-width: 600px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  color: #666;
                  font-size: 12px;
                  display: block;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                }
              }
            }
          }
        }

        ul.list2_index5 {
          display: flex;
          flex-wrap: wrap;
          padding-top: 15px;
          li {
            width: 50%;
            height: 35px;
            line-height: 35px;
            a {
              display: block;
              padding-left: 24px;
              font-size: 16px;
              color: #333;
              padding-right: 10px;
              overflow: hidden;
              white-space: nowrap;
              position: relative;
              display: block;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              &:hover {
                color: #0ea7f8;
              }
              &::after {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background-color: #666;
                position: absolute;
                left: 5px;
                top: 12px;
              }
            }
          }
        }
      }
    }

    .right {
    }
  }
}

.index_list6 {
  background-color: #f5f5f5;
  padding: 40px 0;

  .con_1200 {
    margin: 0px auto;
    width: 1200px;
    .title {
      display: flex;
      justify-content: center;
      align-items: center;
      p.hx_100 {
        width: 100px;
        height: 1px;
        background-color: #ccc;
      }

      h3 {
        margin: 0 20px;
        font-size: 24px;
        color: #555;
      }
    }
    ul {
      margin-top: 40px;
      display: flex;
      justify-content: space-between;
      li {
        img {
          width: 207px;
          height: 100px;
        }
      }
    }
  }
}

footer {
  background-color: #222222;
  padding-bottom: 20px;
  .con_1200 {
    .footer_header {
      ul {
        height: 127px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        li {
          display: flex;
          img {
            width: 60px;
            height: 60px;
            margin-right: 10px;
          }

          p {
            display: flex;
            flex-direction: column;
            justify-content: center;
            span {
              &:nth-of-type(2) {
                margin-top: 3px;
                font-size: 12px;
              }
            }
          }
        }
      }
    }

    .footer_center {
      display: flex;
      height: 200px;
      padding: 30px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid #999;
      border-bottom: 1px solid #999;
      .center_left {
        display: flex;

        .item {
          margin-right: 50px;
          p {
            font-size: 16px;
            color: #fff;
            margin-bottom: 10px;
          }
          ul {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            height: 120px;
            li {
              height: 30px;
              line-height: 30px;
              width: 100px;
              a {
                font-size: 14px;
              }
            }
          }
        }
      }

      .center_center {
        display: flex;
        .item {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-right: 20px;
          span {
            margin-bottom: 10px;
            color: #fff;
            font-size: 12px;
          }

          img {
            width: 110px;
            height: 110px;
          }
        }
      }

      .center_right {
        p {
          font-size: 12px;
          color: #666;
          margin-bottom: 15px;
          span {
            font-size: 16px;
            color: #fff;
          }
          &:nth-of-type(2) {
            font-size: 16px;
            color: #fff;
          }
          &:nth-of-type(3) {
            font-size: 16px;
            color: #fff;
          }
        }
      }
    }

    .footer_footer {
      .footer_footer_title_list {
        padding: 20px 0;
        display: flex;
        .item {
          padding: 10px 15px;
          background-color: #000;
          color: #fff;
          margin-right: 20px;
          font-size: 12px;
          cursor: pointer;
        }
      }

      .footer_footer_content_list {
        padding: 20px 0;
        .item {
          color: #666;
          font-size: 12px;
          display: flex;
          flex-wrap: wrap;
          a {
            margin-right: 20px;
            margin-top: 20px;
            font-size: 12px;
            color: #666;
            &:hover {
              color: #fff;
            }
          }
        }
      }
    }

    p.footer_common {
      text-align: center;
      font-size: 12px;
    }
  }
}

.active {
  background-color: #0ea7f8 !important;
}

.active .index_a {
  color: #fff !important;
}

.active i {
  color: #fff !important;
}

.rototal_180 {
  transform: rotate(180deg) !important;
  transition: 0.5s all !important;
}
.rototal_0 {
  transform: rotate(0deg) !important;
  transition: 0.5s all !important;
}

.active1 {
  background-color: #fff !important;
}

.active1 span {
  color: #333 !important;
}

.active1 i {
  color: #333 !important;
}

.active2 {
  color: #0ea7f8;
}

.clearfix:after {
  /*伪元素是行内元素 正常浏览器清除浮动方法*/
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

.banner {
  width: 1170px;
  height: 400px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.banner .slide {
  width: 6000px;
  height: 400px;
  position: absolute;
  left: -1200px;
}
.banner .slide .pic {
  width: 1200px;
  height: 400px;
  float: left;
}

.banner .dots {
  width: 100px;
  height: 30px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -50px;
  z-index: 2; /*让圆点显示在轮播图上面*/
}
.banner .dots .dot {
  /*圆点的一些样式*/
  width: 20px;
  height: 20px;
  float: left;
  border-radius: 50%;
  margin: 5px 6px;
  background-color: rgba(7, 17, 27, 0.4);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset;
  cursor: pointer;
}
.banner .dots .active {
  /*小圆点高亮的样式*/
  box-shadow: 0 0 0 2px rgba(7, 17, 27, 0.4) inset;
  background-color: #fff;
}
.banner .arrow {
  /*左箭头*/
  width: 0;
  height: 0;
  border-right: 30px solid rgba(255, 255, 255, 0.5);
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -30px;
  z-index: 2;
}
.banner .arrow:hover {
  /*鼠标移动到箭头时候的样式*/
  border-right-color: white;
}
.banner .next {
  /*右箭头*/
  left: auto;
  right: 0;
  top: 50%;
  margin-top: -30px;
  transform: rotate(180deg);
  z-index: 2;
}

.active3 {
  border-bottom: 1px solid #0ea7f8 !important;
}

.active4 {
  color: #0ea7f8 !important;
}

.active5 {
  color: #f5bd25 !important;
}

.active6 {
  background-color: #0ea7f8;
  color: #fff;
}
.active7 {
  background-color: #0ea7f8 !important;
}

.active8 {
  background-color: #394043 !important;
}

.slide {
  .pic {
    display: flex;
    .item111 {
      width: 270px;
      height: 400px;
      border: 1px solid #ddd;
      margin-right: 30px;

      img {
        width: 270px;
        height: 120px;
      }

      .footer1 {
        position: relative;
        padding-top: 60px;
        img.header_icon {
          width: 100px;
          height: 100px;
          border-radius: 50%;
          position: absolute;
          top: -50px;
          left: 50%;
          transform: translate(-50%, 0);
        }

        h5 {
          font-size: 16px;
          color: #333;
          font-weight: bold;
          text-align: center;
          margin-bottom: 15px;
          height: 21px;
          line-height: 21px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding: 0 10px;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        .item {
          display: flex;
          margin-bottom: 10px;
          span {
            font-size: 14px;
            color: #555;
            padding-left: 42px;
            display: inline-block;
            vertical-align: middle;
            width: 89px;
          }

          p {
            i.iconfont.icon-star {
            }
          }
        }
      }
      .btn1 {
        cursor: pointer;
        width: 198px !important;
        height: 32px;
        border-radius: 4px;
        border: 1px solid #cfedfe;
        font-size: 14px;
        color: #00a8ff;
        text-align: center;
        line-height: 32px;
        margin: 20px auto;
        transition: all 0.5s;
        &:hover {
          background-color: #0ea7f8;
          color: #fff;
        }
      }
    }
  }
}

p.swiper_left_btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #c2c2c2;
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 999;
  text-align: center;
  line-height: 50px;
  i {
    font-size: 24px;
    color: #ddd;
  }
}

p.swiper_right_btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #c2c2c2;
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 999;
  text-align: center;
  line-height: 50px;
  z-index: 999;
  i {
    font-size: 24px;
    color: #ddd;
  }
}

header.zr_header {
  height: 85px;
  .zr_nav {
    .con_1200 {
      height: 85px;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      img {
        width: 250px;
        height: 36px;
      }

      .nav {
        width: 450px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: none !important;
        .item {
          &:hover {
            background-color: #fff !important;
            a {
              color: #0ea7f8;
            }
            i {
              color: #666;
            }
          }
          a {
          }
        }
      }

      .nav_right {
        ul {
          display: flex;
          li {
            display: flex;
            &:nth-of-type(1) {
              border-right: 1px solid #999;
            }
            .login {
              display: block;
              width: 54px;
              height: 22px;
              border: 1px solid;
              font-size: 14px;
              text-align: center;
              line-height: 22px;
              border-radius: 10px;
              margin-right: 10px;
              cursor: pointer;
            }
            .register {
              display: block;
              width: 54px;
              height: 22px;
              border: none;
              font-size: 14px;
              text-align: center;
              line-height: 22px;
              border-radius: 10px;
              background-color: #0ea7f8;
              color: #fff;
              margin-right: 10px;
              cursor: pointer;
            }
            .zhuce {
              padding-left: 10px;
              font-size: 16px;
              font-weight: bold;
              color: #0ea7f8;
            }
          }
        }
      }
    }
  }
}

.zr_lunbo {
  height: 400px;
  img {
    height: 400px;
    width: 100%;
  }
}

.zr_nav1_pos {
  width: 1200px;
  position: relative;
  z-index: 3;
  height: 256px;
  margin: 0 auto;
  margin-top: -74px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #dfe3e3;
  border-top: 0;
  box-shadow: 0 1px 4px 0 rgb(88 100 117 / 20%);
  border-radius: 6px;
  padding: 30px 50px;
  display: flex;
  .left {
    padding-right: 50px;
    width: 700px;
    border-right: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .nav1_left_top {
      display: flex;
      height: 50px;
      align-items: center;
      justify-content: space-between;
      a.mai {
        font-size: 20px;
      }

      a.more {
        font-size: 14px;
        color: #666;
      }

      p {
        width: 280px;
        height: 44px;
        border-radius: 22px;
        background-color: #f5f5f7;
        position: relative;
        input {
          width: 280px;
          height: 44px;
          border-radius: 22px;
          background-color: #f5f5f7;
          outline: none;
          border: none;
          padding-left: 20px;
        }

        i.iconfont.icon-search {
          font-size: 20px;
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translate(0, -50%);
        }
      }
    }

    .nav1_content {
      ul {
        li {
          display: flex;
          align-items: center;
          height: 55px;
          position: relative;
          top: 3px;

          &:nth-of-type(2) {
            i {
              color: #0ea7f8 !important;
            }
          }
          &:nth-of-type(3) {
            i {
              color: #b9a7eb !important;
            }
          }
          p.title {
            width: 205px;
            font-size: 16px;
            font-weight: 550;
            i {
              font-size: 24px;
              color: #fdcd86;
              margin-right: 10px;
            }
          }

          p.list {
            display: flex;

            span {
              margin-right: 25px;
              cursor: pointer;
              &:hover {
                color: #0ea7f8;
              }
            }
          }
        }
      }
    }
  }

  .right111 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 50px;
    .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      a {
        font-size: 20px;
      }

      p {
        font-size: 18px;
        color: #999;
        span {
          color: #0ea7f8;
        }
      }
    }

    .center {
      width: 360px;
      height: 60px;
      background-color: #f1f8fe;
      position: relative;
      display: flex;
      align-items: center;
      padding-left: 50px;
      i.iconfont.icon-phone1 {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translate(0, -50%);
        color: #0ea7f8;
        font-size: 20px;
      }

      input {
        width: 285px;
        height: 20px;
        border: none;
        outline: none;
        border-left: 1px solid #ccc;
        background: none !important;
        padding-left: 15px;
      }
    }
    .footer {
      display: flex;
      justify-content: space-between;
      a {
        display: block;
        width: 170px;
        height: 60px;
        border-radius: 4px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        background-color: #0ea7f8;
        &:nth-of-type(2) {
          background-color: #e7c002;
        }
      }
    }
  }
}

.zr_list1 {
  padding: 50px 0;
  .con_1200 {
    margin: 0px auto;
    width: 1200px;
    .nav_header {
      display: flex;
      justify-content: space-between;
      height: 60px;
      align-items: center;
      .left {
        p {
          font-size: 20px;
          margin-bottom: 8px;
          span {
            font-size: 20px;
            color: #333;
            font-weight: 550;
          }
        }

        span.xiao {
          font-size: 14px;
          color: #666;
        }
      }

      a {
        color: #999;
      }
    }

    ul.list {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
      li {
        width: 270px;
        border: 0.5px solid #ddd;
        &:hover {
          box-shadow: 0 0 15px #ddd;
        }
        .img_cover {
          width: 270px;
          height: 270px;
          display: flex;
          background-color: #f5f5f5;
          justify-content: center;
          align-items: flex-end;
          img {
            width: 90%;
            height: 95%;
          }
        }

        a {
          display: block;
          margin: 20px 0;
          font-size: 16px;
          color: #333;
          padding-left: 5%;
        }

        p {
          display: flex;
          align-items: center;
          margin-bottom: 20px;
          padding-left: 5%;
          span {
            font-size: 12px;
            margin-right: 15px;
          }

          span.sx_10 {
            display: block;
            width: 1px;
            height: 15px;
            background-color: #999;
          }
        }
      }
    }
  }
}

.zr_list2 {
  .con_1200 {
    margin: 0 auto;
    width: 1200px;
    .zr_list2_title_list {
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      li {
        margin-right: 50px;

        span {
          padding-bottom: 10px;
          cursor: pointer;
          &:hover {
            color: #0ea7f8;
          }
        }
      }
    }
  }
}

.zr_list2_content_list {
  li.zr_list2_content_item {
    .item {
      background-color: #fafafa;
      border-bottom: 4px solid #fff;
      padding: 30px;
      display: flex;
      justify-content: space-between;
      .left {
        h4 {
          font-size: 18px;
          color: #333;
          font-weight: 500;
        }

        p.content_p {
          margin: 20px 0;
          display: flex;
          align-items: center;
          span {
            margin-right: 15px;
            color: #666;
          }

          span.sx_15 {
            display: block;
            width: 1px;
            height: 15px;
            background-color: #ccc;
          }
        }

        div.item_con {
          display: flex;
          justify-content: space-between;
          align-items: center;
          div.item_item {
            display: flex;
            flex-direction: column;
            align-items: center;
            border-right: 1px solid #ccc;
            padding: 0 30px;
            &:nth-of-type(1) {
              padding-left: 0;
            }
            &:nth-last-of-type(1) {
              border-right: none;
              strong {
                color: red;
              }
            }
            span {
              color: #999;
              font-size: 14px;
            }

            strong {
              margin-top: 10px;
              font-size: 14px;
            }
          }
        }
      }

      div.right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        span {
          color: #999;
          font-size: 14px;
        }

        p {
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          border-radius: 4px;

          margin-top: 10px;
          color: #fff;
          background-color: #0ea7f8;
          padding: 10px 15px;
          &:hover {
            background-color: #4cb4ec;
          }
          i {
            margin-right: 7px;
          }
        }
      }
    }
  }
}

.zr_list2_footer_pos {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  .center {
    cursor: pointer;
    font-size: 14px;
  }
  i.iconfont.icon-right_5 {
    color: #0ea7f8;
    font-size: 18px;
  }
}

.zr_footer_list {
  background-color: #f5f5f5;
  .con_1200 {
    height: 120px;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      h3 {
        font-size: 28px;
        span {
          color: #0ea7f8;
        }
      }

      p {
        margin-top: 10px;
      }
    }

    .right {
      flex: 1;
      display: flex;
      justify-content: scenter;
      align-items: center;
      a {
        display: block;
        width: 180px;
        height: 60px;
        line-height: 60px;
        border-radius: 4px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        background-color: #0ea7f8;
        margin-right: 20px;
        &:nth-of-type(2) {
          background-color: #e7c002;
        }
      }
    }
  }
}

.banli_pos {
  position: relative;
  .banli_pos_list {
    width: 120px;
    position: absolute;
    top: 100%;
    left: -15px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    li {
      height: 40px;
      line-height: 40px;
      padding-left: 10px;
      span {
        font-size: 14px !important;
        cursor: pointer;
        &:hover {
          color: #0ea7f8;
        }
      }
    }
  }
}

.active_zr1 {
  border-bottom: 3px solid #0ea7f8;
}

.sale-aptitude-banner {
  width: 100%;
  height: 700px;
  background-image: url("../img/sale-aptitude-banner.jpg");
  display: flex;
  justify-content: center;
  align-items: center;
  .com-size {
    width: 1000px;
    height: 340px;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -50px;
    .left {
      color: #fff;
      h2 {
        font-size: 50px;
        color: #fff;
        letter-spacing: 5px;
      }

      p.title2 {
        margin-top: 25px;
        font-size: 24px;
        color: #fff;
        letter-spacing: 5px;
      }

      .list {
        margin-top: 25px;
        display: flex;
        align-items: center;
        p.item {
          display: flex;
          flex-direction: column;
          align-items: center;
          i {
            margin-bottom: 10px;
            font-size: 50px;
          }

          span {
            font-size: 18px;
          }
        }

        p.hx_50 {
          margin: 0 20px;
          width: 80px;
          height: 0.5px;
          background-color: #fff;
        }
      }
    }

    .right {
      width: 400px;
      height: 340px;
      background-color: rgba(138, 175, 216, 0.5);
      padding: 20px;
      border-radius: 5px;
      .sale-banner-title {
        font-size: 24px;
        text-align: center;
        color: #fff;
        margin-bottom: 15px;
      }

      .sale-banner-tt {
        font-size: 14px;
        color: #fff;
        text-align: center;
      }

      .sale-banner-phonebox {
        background: #f1f8fe;
        border-radius: 4px;
        width: 320px;
        height: 60px;
        line-height: 60px;
        position: relative;
        margin: 25px auto 20px;
        overflow: hidden;
        position: relative;
        padding-left: 50px;
        input {
          width: 250px;
          border: none;
          background: none;
          outline: none;
          border-left: 1px solid #ddd;
          padding-left: 15px;
        }

        i.iconfont.icon-phone1 {
          position: absolute;
          top: 50%;
          left: 15px;
          transform: translate(0, -50%);
          color: #0ea7f8;
          font-size: 18px;
        }
      }

      input.sale-banner-btn {
        width: 320px;
        height: 60px;
        line-height: 60px;
        border-radius: 4px;
        border: none;
        display: block;
        margin: 0 auto;
        background: #0ea7f8;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        outline: none;
      }
    }
  }
}

.transfer-service-block.com-size {
  margin: -180px auto;
  width: 1200px;
  height: 480px;
  background: #fff;
  border-radius: 5px;
  padding: 50px;
  margin-bottom: 20px;
  p.transfer-service-title {
    font-size: 30px;
    color: #0ea7f8;
    text-align: center;
  }

  p.transfer-service-tt {
    font-size: 16px;
    color: #888;
    text-align: center;
    margin-top: 15px;
  }

  ul.cover {
    display: flex;
    justify-content: space-between;
    height: 220px;
    width: 100%;
    margin: 20px 0;
    padding: 0 100px;
    li.item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      height: 220px;
      p.i_cover {
        width: 120px;
        height: 120px;
        background: #41afeb;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 10px 10px #ccc;
        i {
          font-size: 70px;
          color: #fff;
        }
      }

      strong {
        margin-top: 10px;
        font-size: 18px;
      }

      span {
        font-size: 14px;
        color: #999;
        font-weight: 550;
      }
    }
  }

  p.transfer-service-mark {
    margin-top: 20px;
  }

  a.transfer-service-btn {
    display: block;
    width: 320px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    background: #0ea7f8;
    margin: 0 auto;
    text-align: center;
    border-radius: 4px;
  }
}

.new-deal-block {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 30px;
  .com-size {
    .new-deal-title {
      font-size: 24px;
      color: #333;
      text-align: center;
      margin-bottom: 10px;
    }

    ul.index-peace-ul.fl {
      margin-top: 30px;
      width: 1200px;
      display: flex;
      justify-content: space-between;
      li {
        border: 0.5px solid #f5f5f5;
        padding-bottom: 15px;
        &:hover {
          box-shadow: 0 0 15px #ddd;
        }
        .index-peace-img {
          background: #f5f5f5;
          width: 268px;
          height: 247px;
          padding: 5%;
          padding-bottom: 0;
          img {
            width: 90%;
            height: 95%;
          }
        }

        .index-peace-cnt {
          padding: 0 5%;
          p.index-peace-tt {
            font-size: 16px;
            color: #333;
            margin-top: 25px;
            height: 48px;
            line-height: 26px;
            overflow: hidden;
            cursor: pointer;
          }

          .new-deal-infobox {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            font-size: 12px;
            span.fl {
            }

            p.fr {
              font-size: 12px;
              span {
                font-size: 18px;
                color: red;
              }
            }

            .cl {
            }
          }
        }
      }
    }

    .cl {
    }
  }
}

.puzzles-answers-block {
  background: #f5f5f5;
  .com-size {
    width: 1200px;
    padding: 50px 0;
    margin: 0 auto;
    .puzzles-answer-title {
      font-size: 30px;
      color: #333;
      text-align: center;
    }

    .puzzles-answers-listbox {
      display: flex;
      flex-wrap: wrap;
      .item {
        width: 50%;
        margin-top: 30px;
        padding: 0 30px;
        .line {
          display: flex;
          align-items: center;
          img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
          }
          p.com-problem-q1 {
            background: #ffeeda;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            margin-left: 20px;
            position: relative;
            font-size: 14px;
            span {
              position: absolute;
              top: 4px;
              left: -8px;
              display: block;
              width: 0;
              height: 0;
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-bottom: 8px solid #ffeeda;
              transform: rotate(-90deg);
            }
          }
        }

        .com-problem-a {
          padding-left: 75px;
          font-size: 14px;
          line-height: 24px;
        }
      }
    }
  }
}

.bk_header1 {
  .tishi {
    text-align: center;
    color: rgb(196, 52, 52);
  }
  .con_1200 {
    margin: a auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    height: 76px;
    align-items: center;
    .left {
      display: flex;
      align-items: center;
      img {
        width: 131px;
        height: 36px;
      }

      p.sx_15 {
        margin: 0 20px;
        width: 1px;
        height: 30px;
        background-color: #999;
      }

      h2 {
        font-size: 24px;
        font-weight: 500;
      }

      .input_cover {
        margin-left: 30px;
        border: 0.5px solid #ddd;
        border-radius: 5px;
        display: flex;
        position: relative;
        .baike_history_list_pos {
          position: absolute;
          top: 32px;
          left: 0;
          width: 300px;
          background-color: #fff;
          padding: 20px;
          box-shadow: 0 0 5px #999;
          border-radius: 3px;
          li {
            display: flex;
            height: 40px;
            align-items: center;
            justify-content: space-between;
            p {
              flex: 1;
              height: 34px;
              display: flex;

              align-items: center;
              padding-left: 10px;
              font-size: 14px;
              border-radius: 3px;
              &:hover {
                background-color: #67b9e6;
                border: 1px solid #136c9c;
                color: #000;
              }
            }
            .i_cover {
              width: 34px;
              height: 34px;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-left: 10px;
              cursor: pointer;
              &:hover {
                background-color: #f5f5f5;
                color: #0ea7f8;
              }
            }
          }
        }
        input {
          outline: none;
          width: 273px;
          height: 30px;
          line-height: 30px;
          padding: 0 10px;
          border: none;
          font-size: 14px;
          color: #555;
          border-radius: 5px 0 0 5px;
        }

        p.search-cover {
          width: 50px;
          height: 32px;
          position: relative;
          background-color: #0ea7f8;
          i {
            color: #fff;
            font-size: 18px;
            position: absolute;
            top: 50%;
            left: 50%;
            font-weight: 550;
            transform: translate(-50%, -50%);
            z-index: 999;
          }
        }
      }
    }

    .right {
      ul {
        display: flex;
        li {
          margin-left: 50px;
          a {
            padding-bottom: 5px;
          }
        }
      }
    }
  }
}

.active_bk1 {
  border-bottom: 2px solid #0ea7f8;
}

.bk_header2 {
  height: 400px;
  width: 100vw;
  background-image: url(../img/swiper1.jpg);
  .bk_swiper_cover {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    h3 {
      &:nth-last-of-type(1) {
        margin-top: 30px;
      }
      color: #fff;
      font-size: 40px;
      span {
        color: #ff7200;
      }
    }

    ul.nav_list {
      display: flex;
      margin-top: 30px;
      li {
        height: 30px;
        line-height: 30px;
        margin-right: 20px;
        padding: 0 20px;
        background-color: #4a4a4c;
        color: #fff;
        border-radius: 15px;
      }
    }

    p {
      cursor: pointer;
      margin-top: 30px;
      height: 40px;
      line-height: 40px;
      background-color: #ff7200;
      color: #fff;
      padding: 0 60px;
      font-size: 14px;
      i.iconfont.icon-play {
        color: #fff;
        margin-left: 10px;
        font-size: 18px;
      }
    }
  }
}

.bk_header3 {
  background-color: #f3f5f7;
  padding: 30px 0;
  .con_1200 {
    width: 1200px;
    margin: 0 auto;
    .bk_title {
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: center;
      p {
        font-size: 22px;
        color: #333;
        font-weight: bold;
        line-height: 65px;
        padding-top: 10px;
        i {
          color: #51a6ff;
          font-size: 22px;
        }
      }

      a {
      }
    }
    ul.list_4 {
      display: flex;
      justify-content: space-between;

      li.item {
        max-width: 274px;
        flex: 1;
        background-color: #fff;
        padding: 3px;
        padding-bottom: 10px;
        &:hover {
          box-shadow: 0 0 5px #76a7db;
          p {
            color: #51a6ff;
          }
        }
        img {
          width: 100%;
        }

        p {
          font-size: 14px;
          margin-top: 10px;

          display: block;
          width: 274px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
      }
    }
    ul.list_5 {
      li.item {
        height: 56px;
        margin-bottom: 5px;
        display: flex;
        p.item_item {
          width: 110px;
          padding: 0 5px;
          height: 56px;
          line-height: 56px;
          margin-right: 5px;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          background-color: #fff;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          cursor: pointer;
          &:hover {
            color: #0ea7f8;
            background-color: #f1e3e3;
          }
          &:nth-of-type(1) {
            background-color: #ff7970;
            width: 127px;

            color: #fff;
            position: relative;
          }
          i.sj {
            position: absolute;
            top: 23px;
            right: 0px;
            transform: rotate(-90deg);
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 10px solid #fff;
          }
        }
      }
    }
    .cover {
      display: flex;
    }
    .left {
      background-color: #fff;
      min-width: 830px;
      div.left_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        h4 {
          font-size: 20px;
          font-weight: 500;
          padding: 0 18px;
          height: 48px;
          line-height: 48px;
          border-bottom: 2px solid #51a6ff;
          color: #333;
        }
        .copy_h4 {
          border-bottom: 2px solid #fe7771 !important;
        }

        p {
          padding-right: 20px;
          span {
            color: #ff4e44;
            font-size: 20px;
          }
        }
      }
      ul.content {
        li.item {
          border-top: 0.5px solid #ddd;
          height: 96px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 30px;
          &:nth-last-of-type(1) {
            border-bottom: none;
          }
          p.item_left {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: #e1f3fd;
            width: 50px;
            height: 50px;
            margin-right: 20px;
            span {
              color: #51a6ff;
              font-size: 14px;
            }
          }
          .copy_item_left_p {
            background-color: #fae9da !important;
            span {
              color: #ca6445 !important;
            }
          }

          .item_right {
            flex: 1;
            display: flex;
            justify-content: space-between;
            .item_right_left {
              p {
                display: block;
                font-size: 18px;
                color: #555;
                margin-bottom: 7px;
                height: 25px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                span {
                  display: inline-block;
                  margin-right: 45px;
                  max-width: 150px;
                  height: 19px;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  font-size: 14px;
                  color: #818385;
                  vertical-align: middle;
                  &:nth-last-of-type(1) {
                    color: #999;
                    font-size: 14px;
                  }
                }
              }
            }

            .item_right_right {
              i.iconfont.icon-eye {
                color: #aaa;
              }

              span {
                color: #aaa;
              }
            }
          }
        }
      }
    }

    .right {
      flex: 1;
      margin-left: 30px;
      background-color: #fff;
      .right_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 20px;
        h4 {
          font-size: 20px;
          font-weight: 500;
          padding: 0 18px;
          height: 48px;
          line-height: 48px;
          border-bottom: 2px solid #51a6ff;
          color: #333;
        }
        .copy_h4 {
          border-bottom: 2px solid #ff4e44 !important;
        }

        p {
          background-color: #51a6ff;
          padding: 5px 10px;
          border-radius: 3px;
          display: flex;
          align-items: center;
          i {
            color: #fff;
          }

          span {
            color: #fff;
            font-size: 14px;
          }
        }
        .copy_p_bck {
          background-color: #ff4e44 !important;
        }
      }

      ul.content {
        li {
          padding: 20px;
          display: flex;
          align-items: center;
          height: 40px;
          i.iconfont.icon-fire {
            color: rgb(226, 55, 55);
            font-size: 18px;
            margin-right: 10px;
          }

          span {
            max-width: 290px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 14px;
          }
        }
      }

      ul.footer_cover {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 20px;

        li {
          display: block;
          width: 144px;
          height: 50px;
          font-size: 14px;
          color: #fff;
          text-align: center;
          line-height: 50px;
          margin-bottom: 15px;
          &:nth-of-type(1) {
            background-color: #51a6ff;
          }
          &:nth-of-type(2) {
            background-color: #9ee642;
          }

          &:nth-of-type(3) {
            background-color: #140b47;
          }
          &:nth-of-type(4) {
            background-color: #c53c75;
          }
        }
      }

      ul.content123 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        li {
          border-top: 0.5px solid #ccc;
          flex: 1;
          padding: 20px;
          div.header {
            display: flex;
            img {
              width: 50px;
              height: 50px;
              margin-right: 10px;
            }

            div.right_header {
              flex: 1;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
            }
            h4 {
              font-size: 16px;
              color: #000;
              display: block;
              width: 165px;
              height: 22px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              font-weight: 500;
            }

            div.lienlist {
              display: flex;
              justify-content: space-between;
              p {
                flex: 1;
                font-size: 12px;
                span {
                  font-size: 14px;
                  color: #ff4e44;
                }
              }
            }
          }
        }

        p {
          margin-top: 15px;
          line-height: 20px;
          font-size: 12px;
        }
      }
    }
  }
}

.service_main {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  .main_left {
    width: 933px;

    .service_list1 {
      border: 1px solid #ccc;
      .list1_title {
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        .left {
          display: flex;
          align-items: center;
          span {
            font-size: 14px;
            color: #666;
          }

          p.sx_15 {
            margin: 0 10px;
          }

          p {
            font-size: 14px;
            span {
              color: #f04545;
            }
          }
        }

        .right {
          width: 220px;
          height: 24px;
          display: flex;
          input {
            padding-left: 5px;
            width: 180px;
            height: 24px;
            border: 1px solid #51a6ff;
            font-size: 12px;
            outline: none;
            color: #333;
          }

          p {
            background-color: #51a6ff;
            height: 26px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            i {
              color: #fff;
            }
          }
        }
      }

      .city_cover {
        padding: 10px;
        display: flex;
        align-items: center;
      }
    }
  }
  .main_right {
    flex: 1;
    margin-left: 20px;

    .right_form {
      background-image: url(../img/login-bg.png);
      background-size: cover;
      padding: 15px;

      p.p1 {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-bottom: 4px;
      }

      p.p2 {
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin-bottom: 10px;
        span {
          font-size: 18px;
          color: #fc9993;
        }
      }

      form#service_form {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 310px;
        .item1 {
          display: flex;
          justify-content: space-between;
          select#service_select1 {
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
            outline: none;
            flex: 1;
            option {
            }
          }

          select#service_select2 {
            margin-left: 15px;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
            outline: none;
            flex: 1;
            option {
            }
          }
        }

        .item2 {
          display: flex;
          select#service_select3 {
            flex: 1;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
            outline: none;
            option {
            }
          }
        }

        .item3 {
          display: flex;
          select#service_select4 {
            flex: 1;
     
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
            outline: none;
            option {
            }
          }

          select#service_select5 {
            flex: 1;
            margin-left: 15px;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
            outline: none;
            option {
            }
          }
        }

        .input_cover {
          display: flex;
          input {
            flex: 1;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            width: 105px;
            padding-right: 100px;
            position: relative;
            outline: none;
            padding-left: 10px;
            border: none;
            // width: 195px;
          }
          .yzm{
            margin-left: 15px;
            display: block;
            background-color: #FFE7E7;
            text-align: center;
            border-radius: 4px;
             min-width: 120px;
             line-height: 30px;
             color: #666;
             font-size: 14px;
             cursor: pointer;
          }
        }

        button {
          border: none;
          height: 36px;
          line-height: 36px;
          width: 100%;
          border-radius: 4px;
          background: #45bfff;
          font-size: 14px;
          color: #fff;
          text-align: center;
          cursor: pointer;
        }
      }
    }

    .right_list1 {
      h4 {
      }

      ul {
        li {
          i.iconfont.icon-question {
          }

          .right_con {
            span {
            }

            p {
            }
          }
        }
      }
    }

    .right_list2 {
      h4 {
      }

      ul {
        li {
          span {
          }

          p.nowrap_one {
          }
        }
      }
    }

    .right_list3 {
      h4 {
      }

      ul {
        li {
        }
      }
    }
  }
}

.service_list2 {
  margin-top: 20px;
  .fuwu_list_cover {
    border: 0.5px solid #ccc;
    height: 41px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    .left {
      display: flex;
      p {
        width: 96px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        border-right: 1px solid #ddd;
        cursor: pointer;
      }
    }

    .right {
      padding: 0 15px;
      height: 41px;
      border-left: 1px solid #ddd;
      min-width: 93px;
      display: flex;
      justify-content: center;
      align-items: center;
      i.iconfont.icon-Left {
        font-size: 14px;
        color: #999;
        cursor: pointer;
      }

      p {
        margin: 0 5px;
        font-size: 14px;
        span.left_number {
        }

        span.right_number {
        }
      }

      i.iconfont.icon-right1 {
        font-size: 14px;
        color: #999;
        cursor: pointer;
      }
    }
  }
}

.fuwu_list_content {
  margin-top: 20px;
  padding-bottom: 20px;
  .fuwu_item_content {
    .item {
      border: 1px solid #ddd;
      display: flex;
      padding: 20px 10px;
      &:hover {
        background-color: #f5f5f5;
      }

      .left {
        flex: 1;
        display: flex;
        padding-right: 20px;
        border-right: 1px solid #ddd;
        .img_left {
          margin-right: 15px;
          img {
            width: 120px;
            height: 120px;
            border: 0.5px solid #ddd;
          }

          p {
            margin-top: 10px;
            font-size: 12px;
            span {
              color: red;
            }
          }
        }

        .con_list {
          h3 {
            font-size: 18px;
            color: #333;
            max-width: 420px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: -3px;
            margin-right: 5px;
            font-weight: 500;
            span {
              margin-left: 30px;
              padding: 3px;
              padding-top: 0;
              font-size: 14px;
              background-color: #51a6ff;
              color: #fff;
              &:nth-of-type(2) {
                background-color: #ff6600;
                margin-left: 5px;
              }
            }
          }

          p.company {
            font-size: 14px;
            margin-top: 10px;
            i.iconfont.icon-company {
              color: red;
              font-size: 18px;
            }

            span {
              color: #666;
              font-size: 14px;
            }
          }

          .fuwu {
            font-size: 14px;
            margin-top: 10px;
            display: flex;
            align-items: center;
            i.iconfont.icon-user1 {
              font-size: 14px;
            }

            span {
              margin-left: 5px;
              color: #666;
            }
          }

          p.fu_list {
            display: flex;
            span {
              font-size: 12px;
              display: block;
              padding: 3px 5px;
              border: 1px solid #ddd;
            }
          }

          p {
          }

          p.dz {
            margin-top: 10px;
            i.icon-weizhi {
            }

            span {
              font-size: 14px;
              color: #666;
            }
          }
        }
      }

      .right {
        width: 250px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .star_list_item {
          display: flex;
          align-items: center;
          span.title {
            padding-right: 10px;
            display: block;
            text-align: right;
            min-width: 80px;
            font-size: 12px;
            color: #666;
          }

          p {
            i.iconfont.icon-star {
              color: #ccc;
            }
          }
        }

        p.btn {
          margin: 10px auto;
          width: 200px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          display: block;
          color: #fff;
          font-size: 14px;
          background: #0ea7f8;
          cursor: pointer;
        }
      }
    }
  }
}

.right_form {
  height: 400px;
  background-color: #51a6ff;
}

.service_active {
  background-color: #51a6ff;
  color: #fff;
}

.service_active1 {
  color: #ffc030 !important;
}

.clearfix {
  clear: both;
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.fl {
  float: left;
}

.fr {
  float: right;
}

.pager {
  max-width: 800px;
  text-align: center;
  margin-bottom: 30px;
  display: inline-block;
}

.pager a {
  cursor: pointer;
}

.pager a,
.pager span {
  /* 按钮内数字 */
  width: 45px;
  height: 40px;
  border: 1px solid #ebebeb;
  margin-left: -1px;
  color: #8a8a8a;
  display: inline-block;
  line-height: 40px;
  float: left;
  font-size: 15px;
  text-decoration: none;
  margin: 0 2px;
  border-radius: 6px;
}
.pager a:hover,
.pager span:hover {
  border-color: #3897cd;
  color: #3897cd;
  position: relative;
  z-index: 1;
}

.pager span.current {
  background-color: #425979;
  color: #fff;
  border-color: #ebebeb;
  position: relative;
  z-index: 1;
}

.pager .pg-first,
.pager .pg-prev,
.pager .pg-next,
.pager .pg-last {
  background: white url(../img/page_bg.jpg) 8px 7px no-repeat;
}

.pager .pg-first:hover,
.pager .pg-prev:hover,
.pager .pg-next:hover,
.pager .pg-last:hover {
  background: white url(../img/page_bg_hover.jpg) 8px 7px no-repeat;
}

.pager .pg-prev,
.pager .pg-prev:hover {
  background-position: 7px -21px;
}

.pager .pg-next,
.pager .pg-next:hover {
  background-position: -21px -21px;
}

.pager .pg-last,
.pager .pg-last:hover {
  background-position: -21px 7px;
}

.pager .pg-prev[disabled="true"],
.pager .pg-prev[disabled="true"]:hover {
  cursor: default;
  background-image: url(../img/page_bg.jpg);
}

.pager .pg-next[disabled="true"],
.pager .pg-next[disabled="true"]:hover {
  cursor: default;
  background-image: url(../img/page_bg.jpg);
}

.pager .pg-prev[disabled="true"],
.pager .pg-next[disabled="true"] {
  border-color: #eeeeee;
}

.pager span.els {
  border-color: transparent;
}

.pagerHtmlWrap {
  width: 800px;
  margin: 30px auto;
}

.pagerHtmlWrap .cc_cells {
  width: 100%;
  height: 35px;
  padding: 5px 0;
  border-bottom: 1px #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
  color: #454545;
  font-size: 14px;
  line-height: 35px;
  text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
  display: inline-block;
  width: 25%;
  text-align: left;
  margin: 0;
}

.right_list1 {
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 15px;
  h4 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
  }

  ul {
    li {
      display: flex;
      border-bottom: 1px solid #ddd;
      padding: 15px 0;
      &:nth-last-of-type(1) {
        border: none;
      }
      i {
        font-size: 32px;
        color: #63c9ff;
        display: inline-block;
      }

      .right_con {
        padding-left: 10px;
        span {
          font-size: 12px;
          color: #999;
        }

        p {
          margin-top: 10px;
          font-size: 12px;
          color: #555;
        }
      }
    }
  }
}

.right_list2 {
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 15px;
  h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
  }

  ul {
    li {
      height: 50px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ddd;
      &:nth-last-of-type(1) {
        border: none;
      }
      span {
        background-color: #51a6ff;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
      }

      p {
        display: inline-block;
        width: 82%;
        margin-left: 5px;
        font-size: 14px;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
      }
    }
  }
}

div.right_list3 {
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 15px;
  padding-bottom: 0;
  h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
  }

  ul {
    li {
      font-size: 14px;
      padding: 15px 0;
      border-bottom: 1px solid #ddd;
      &:nth-last-of-type(1) {
        border: none;
      }

      a {
        display: block;
        text-align: right;
      }
    }
  }
}

.price_swiper {
  height: 533px;
  background-image: url(../img/sale-aptitude-banner.jpg);
  background-size: cover;
  .con_1200 {
    width: 1200px;
    height: 533px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    h2 {
      color: #fff;
      font-size: 40px;
      margin-bottom: 10px;
      i.iconfont.icon-jisuanqi {
        font-size: 40px;
      }
    }

    .title_2 {
      display: flex;
      align-items: center;
      .hx_150 {
        width: 200px;
        height: 2px;
        background: -webkit-linear-gradient(
          right,
          #bbb,
          #555
        ); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(
          right,
          #bbb,
          #555
        ); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(
          right,
          #bbb,
          #555
        ); /* Firefox 3.6 - 15 */
        background: linear-gradient(
          right,
          #bbb,
          #555
        ); /* 标准的语法（必须放在最后） */

        &:nth-last-of-type(1) {
          background: -webkit-linear-gradient(
            left,
            #bbb,
            #555
          ); /* Safari 5.1 - 6.0 */
          background: -o-linear-gradient(
            left,
            #bbb,
            #555
          ); /* Opera 11.1 - 12.0 */
          background: -moz-linear-gradient(
            left,
            #bbb,
            #555
          ); /* Firefox 3.6 - 15 */
          background: linear-gradient(
            left,
            #bbb,
            #555
          ); /* 标准的语法（必须放在最后） */
        }
      }

      p {
        margin: 0 20px;
        color: #f5f5f5;
      }
    }

    .form_cover {
      width: 1200px;
      height: 220px;
      background-color: #ebecf0;
      padding: 20px;
      margin: 20px 0;
      border-radius: 5px;
      display: flex;
      position: relative;
      .pos {
        position: absolute;
        background-color: rgba(255, 78, 68, 0.3);
        width: 184px;
        height: 48px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: -24px;
        border-radius: 3px;
        p {
          display: block;
          position: absolute;
          background-color: #ff4e44;
          width: 172px;
          height: 36px;
          line-height: 36px;
          color: #fff;
          text-align: center;
          cursor: pointer;
          left: 50%;
          transform: translate(-50%, 0);
          border-radius: 3px;
        }
      }

      .left {
        flex: 1;
        border-right: 1px solid #ddd;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .item {
          display: flex;
          align-items: center;
          margin-right: 10px;
          margin-bottom: 20px;
          p.left_nav {
          }
          select {
          }
        }
        .add {
          margin-left: 70px;
          display: flex;
          align-items: center;
          color: #0ea7f8;
          p {
            width: 18px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            border-radius: 50%;
            background-color: #0ea7f8;
            margin-right: 3px;
            color: #fff;
          }
        }
      }

      .right {
        padding: 0 20px;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999;
        .price_init {
          display: flex;
        }
        ul.price_sel_main {
          max-height: 170px;
          overflow-y: auto;
          padding: 0 10px;
          li.price_sel_item {
            width: 440px;
            height: 36px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            span {
            }

            i {
            }
          }
        }
        p {
          font-size: 14px;
          &:nth-of-type(1) {
            width: 18px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            border-radius: 50%;
            background-color: #0ea7f8;
            margin-right: 3px;
            color: #fff;
          }
        }
      }
    }

    p.col {
      font-size: 24px;
      color: #fff;
      span {
        color: #f4e006;
        font-size: 40px;
      }
      &:nth-of-type(2) {
        font-size: 14px;
        margin: 10px 0;
      }
    }

    .title2_footer {
      display: flex;
      align-items: center;
      color: #f4e006;
      .input_cover {
        width: 380px;
        height: 36px;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 10px;
        input {
          width: 270px;
          height: 36px;
          outline: none;
          border: none;
          padding-left: 10px;
        }

        span {
          display: block;
          height: 100%;
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #f4e006;
          color: #666;
          font-size: 14px;
          cursor: pointer;
        }
      }
    }
  }
}

.price_select1 {
  width: 180px;
  height: 36px;
  border: none;
  outline: none;
  .price_select1_item {
  }
}

div.price_nav_title_list {
  width: 1200px;
  margin: 20px auto;
  height: 60px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  ul {
    height: 60px;
    display: flex;
    li {
      height: 60px;
      line-height: 58px;
      font-weight: 500;
      color: #666;
      cursor: pointer;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      padding: 0 40px;
      font-size: 18px;
      padding-top: 2px;
    }
  }
}

.price_nav_title_contentlist {
  width: 1200px;
  margin: 20px auto;
  display: flex;
  ul.left {
    padding: 10px 20px;
    .title_left {
      font-size: 16px;
      color: #333;
      font-weight: bold;
      padding-bottom: 15px;
      border-bottom: 1px solid #e6e6e6;
    }
    li {
      width: 560px;
      font-size: 14px;
      color: #555;
      line-height: 30px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: pointer;
      &:hover {
        color: #0ea7f8;
      }
    }
  }

  ul.right {
    padding: 10px 20px;
    .title_right {
      font-size: 16px;
      color: #333;
      font-weight: bold;
      padding-bottom: 15px;
      border-bottom: 1px solid #e6e6e6;
    }
    li {
      width: 560px;
      display: block;
      font-size: 14px;
      color: #555;
      line-height: 30px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: pointer;
      &:hover {
        color: #0ea7f8;
      }
    }
  }
}

.price_active {
  background-color: #fff;
  border-left: 0.5px solid #ddd;
  border-right: 0.5px solid #ddd;
  border-top: 2px solid #0ea7f8;
  color: #0ea7f8 !important;
  padding-top: 0px !important;
}

.wenda_header {
  height: 41px;

  .con_1200 {
    width: 1200px;
    height: 41px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left {
      display: flex;
      align-items: center;
      img {
        width: 91px;
        height: 26px;
        margin-right: 30px;
      }

      ul {
        display: flex;
        align-items: center;
        height: 41px;
        li {
          margin-right: 40px;
          a {
            font-size: 14px;
            color: #666;
          }
        }
      }
    }

    .right {
      font-size: 14px;
      color: #666;
      span {
        font-size: 14px;
        color: #666;
        margin: 0 10px;
      }
    }
  }
}

.wenda_active {
  color: #00a8ff !important;
}

.wenda_search1 {
  background-color: #0ea7f8;
  height: 130px;
  .con_1200 {
    width: 1200px;
    height: 130px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    .left {
      margin-right: 15px;
      p {
        font-size: 30px;
        font-weight: 550;
        color: #fff;
      }

      span {
        color: #fff;
      }
    }

    .center_cover {
      width: 574px;
      height: 50px;
      border-radius: 4px;
      background: #fff;

      position: relative;
      input {
        width: 500px;
        height: 50px;
        outline: none;
        border: none;
        padding-left: 15px;
      }

      i.iconfont.icon-search {
        font-size: 20px;
        font-weight: 700;
        position: absolute;
        top: 50%;
        right: 20px;
        color: #0ea7f8;
        transform: translate(0, -50%);
      }
    }

    .btn_cover {
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff;
      border-radius: 4px;
      margin-left: 15px;
      font-size: 16px;
      color: #0ea7f8;
      font-weight: bold;
      padding: 0 25px;
      span {
        font-size: 25px;
      }

      p {
      }
    }
  }
}

.wenda_search2 {
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #0ea7f8;
  height: 56px;
  .con_1200 {
    width: 1200px;
    height: 56px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    .left {
      margin-right: 15px;
      p {
        font-size: 24px;
        font-weight: 550;
        color: #fff;
      }

      span {
        color: #fff;
      }
    }

    .center_cover {
      width: 574px;
      height: 50px;
      border-radius: 4px;
      background: #fff;

      position: relative;
      input {
        width: 500px;
        height: 50px;
        outline: none;
        border: none;
        padding-left: 15px;
      }

      i.iconfont.icon-search {
        font-size: 20px;
        font-weight: 700;
        position: absolute;
        top: 50%;
        right: 20px;
        color: #0ea7f8;
        transform: translate(0, -50%);
      }
    }

    .btn_cover {
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff;
      border-radius: 4px;
      margin-left: 15px;
      font-size: 16px;
      color: #0ea7f8;
      font-weight: bold;
      padding: 0 25px;
      span {
        font-size: 25px;
      }

      p {
      }
    }
  }
}

.wenda_main {
  background-color: #f5f5f5;
  padding-bottom: 30px;
  .con_1200 {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    .wenda_main_left {
      width: 850px;
      margin-right: 30px;
      .max_left_title_list {
        ul {
          display: flex;
          li {
            height: 70px;
            line-height: 70px;
            margin-right: 30px;
            color: #666;
            cursor: pointer;
          }
        }
      }

      ul.max_left_content_list {
        li {
          width: 850px;
          background-color: #fff;
          border-radius: 5px;
          padding: 20px;
          margin-bottom: 15px;
          h3 {
            font-weight: 500;
            font-size: 16px;
            color: #666;
            margin-bottom: 20px;
          }

          p {
            line-height: 24px;
            font-size: 14px;
            color: #888;
            margin-bottom: 10px;
          }

          .footer_company {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left {
              display: flex;

              align-items: center;
              img {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                margin-right: 20px;
              }

              span {
                font-size: 12px;
                color: #999;
                margin-right: 20px;
              }
            }
            button {
              display: inline-block;
              width: 80px;
              height: 30px;
              line-height: 30px;
              font-size: 14px;
              color: #fff;
              text-align: center;
              background: #0ea7f8;
              margin-top: 5px;
              border-radius: 4px;
              border: none;
            }
          }
        }
        .more {
          cursor: pointer;
          display: block;
          width: 100%;
          height: 40px;
          line-height: 40px;
          text-align: center;
          font-size: 14px;
          color: #555;
          background: #fff;
          border-radius: 4px;
          margin: 30px 0;
          transition: all 0.3s;
        }
      }
    }

    .wenda_main_right {
      padding-top: 70px;
      .wenda_right_list1 {
        background-color: #fff;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        img {
          width: 80px;
          height: 80px;
          margin-right: 20px;
        }

        .cover_right {
          h4 {
            color: #58bcf1;
            line-height: 25px;
            font-size: 20px;
          }

          .btn_cover {
            margin-top: 15px;
            button {
              display: inline-block;
              width: 80px;
              height: 30px;
              line-height: 30px;
              font-size: 14px;
              color: #fff;
              text-align: center;
              background-color: #0ea7f8;
              border: none;
              &:nth-of-type(2) {
                margin-left: 15px;
                background-color: #41c074;
              }
            }
          }
        }
      }

      .wenda_right_list2 {
        margin-top: 20px;
        background-color: #fff;
        padding: 0 20px;

        .con_title {
          display: flex;
          height: 60px;
          align-items: center;
          justify-content: space-between;
          h4 {
            color: #333;
          }

          span {
            font-size: 14px;
            color: #666;
          }
        }

        ul {
          li {
            display: inline-block;
            font-size: 12px;
            color: #555;
            padding: 0px 12px;
            border-radius: 15px;
            height: 30px;
            line-height: 30px;
            background: #f0f0f0;
            margin-right: 15px;
            margin-bottom: 20px;
          }
        }
      }
    }
  }
}

.wenda_right_list3 {
  margin-top: 20px;
  background-color: #fff;
  padding: 0 20px;
  h4 {
    line-height: 60px;
    height: 60px;
    color: #333;
    font-size: 16px;
  }

  .wenda_right_list3_title_list {
    display: flex;
    font-size: 14px;
    span {
      cursor: pointer;
      font-size: 14px;
      color: #666;
      margin-right: 15px;
      &:nth-of-type(2) {
        margin-left: 15px;
      }
    }
  }

  .wenda_right_list3_content_list_cover {
    ul.wenda_right_list3_content_list {
      li {
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 0.5px solid #ddd;
        &:nth-last-of-type(1) {
          border-bottom: none;
        }
        span.left_paiming {
          &:nth-of-type(1) {
            display: block;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            color: #fff;
            font-size: 14px;
            background-color: #0ea7f8;
          }
        }

        img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
        }

        .right {
          span {
            font-size: 14px;
            color: #666;
          }

          p {
            margin-top: 5px;
            font-size: 12px;
            color: #999;
          }
        }
      }
    }
  }

  ul.wenda_right_list3_content_list {
    li {
      span {
      }

      img {
      }

      .right {
        span {
        }

        p {
        }
      }
    }
  }
}

// 多行不换行
.nowrap_many {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

// 单行不换行
.nowrap_one {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bread {
  .con_1200 {
    width: 1200px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    span {
      font-size: 12px;
      color: #666;
    }
  }
}

.news_main {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  .news_main_right {
    width: 850px;
    .news_left_list1 {
      width: 850px;
      display: flex;
      justify-content: space-between;
      .news_swiper {
        width: 560px;
        height: 370px;
        // background-color: #0ea7f8;
        .swiper2 {
          width: 560px;
          height: 370px;
          overflow: hidden;

          position: relative;
          #box1 {
            // position:relative;
            width: 560px;
          }
          .img_cover {
            position: relative;
            opacity: 0;
            &:nth-of-type(1) {
              opacity: 1;
            }
            img {
              position: absolute;
              width: 560px;
              height: 370px;
              z-index: 970;
            }
            .banli {
              position: absolute;
              top: 20px;
              left: 20px;
              display: block;
              padding: 5px 10px;
              background-color: #63c3f5;
              color: #fff;
              font-size: 12px;
              z-index: 999;
            }
            p {
              width: 100%;
              height: 58px;
              line-height: 58px;
              font-size: 16px;
              color: #fff;
              background: rgba(0, 74, 168, 0.5);
              position: absolute;

              top: 315px !important;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              z-index: 980;
              padding-left: 20px;
            }
          }

          #imgId1 {
            opacity: 1;
          }
          #imgId2 {
            opacity: 0;
          }
          #imgId3 {
            opacity: 0;
          }
          #imgId4 {
            opacity: 0;
          }
          #imgId5 {
            opacity: 0;
          }
          ul {
            position: absolute;
            right: 30px !important;
            bottom: -10px;
            // transform: translate(-50%,0);
            height: 40px;
            z-index: 999;
          }
          li {
            float: left;
            margin-left: 10px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #fff;
            cursor: pointer;
          }
        }
      }

      ul.right_cover {
        margin-left: 20px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        li {
          position: relative;
          width: 260px;
          height: 174px;
          overflow: hidden;
          img {
            width: 260px;
            height: 174px;
            &:hover {
              transform: scale(1.05);
              transition: 1s all;
            }
          }

          p.pos_left {
            width: 70px;
            height: 25px;
            background-color: rgba(63, 183, 245, 0.8);
            color: white;
            display: inline-block;
            line-height: 25px;
            text-align: center;
            font-size: 12px;
            position: absolute;
            left: 13px;
            top: 13px;
            border-radius: 2px;
            z-index: 10;
          }

          p.pos_footer {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 40px;
            line-height: 40px;
            width: 260px;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            font-size: 14px;
            padding-left: 10px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
        }
      }
    }
  }

  .news_main_left {
    flex: 1;
    margin-left: 30px;
  }
}

.news_left_list2 {
  .news_list2_nav_title {
    display: flex;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    ul {
      display: flex;
      align-items: center;
      li {
        padding: 10px 15px;
        font-size: 18px;
        color: #333;
        cursor: pointer;
        i {
          font-size: 18px;
          color: #333;
        }
      }
    }

    .right {
      width: 240px;
      height: 32px;
      margin-bottom: 6px;
      position: relative;

      input {
        width: 240px;
        height: 32px;
        margin-bottom: 6px;
        padding-left: 8px;
        outline: none;
        border: none;
        border: 1px solid #666;
      }

      i.iconfont.icon-search {
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translate(0%, -50%);
      }
    }
  }
}

.news_list2_nav_content_cover {
  ul.news_list2_nav_conten {
    li {
      border-top: 0.5px solid #ddd;
      padding: 20px 0;
      display: flex;
      justify-content: space-between;
      position: relative;
      .pos_left_t {
        min-width: 50px;
        // height: 24px;
        // line-height: 24px;
        text-align: center;
        background-color: #ff4e44;
        color: #fff;
        position: absolute;
        top: 30px;
        left: 0px;
        z-index: 990;
        font-size: 13px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        // p.sjx {
        //   width: 20px;
        //   height: 20px;
        //   background-color: red;
        //   position: absolute;
        //   top: 1px;
        //   right: 7px;
        //   transform: translate(20px) rotate(45deg);
        //   z-index: 999;
        // }
      }

      .img_cover {
        min-width: 220px;
        height: 140px;
        overflow: hidden;
        img {
          width: 220px;
          height: 140px;
          transition: 1s all;
          &:hover {
            transform: scale(1.05);
          }
        }
      }

      .right {
        margin-left: 30px;
        .title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          h4 {
            font-size: 18px;
            color: #333;
            display: inline-block;
            margin-bottom: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 450px;
            white-space: nowrap;
          }

          span {
            font-size: 14px;
            color: #666;
          }
        }

        p {
          margin-top: 10px;
          font-size: 14px;
          color: #949494;
          display: block;
          width: 580px;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 0 0 5px;
          width: 580px;
          font-weight: 500;
          display: block;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          &:nth-of-type(2) {
            margin-top: 20px;
            font-size: 16px;
          }
        }
      }
    }
  }
}

.zizhihangxin {
  position: relative;
  .pos_hx {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 125px;
    padding-left: 20px;
    min-height: 100px;
    position: absolute;
    bottom: -100px;
    left: 0;
    background-color: #fff;
    border: 0.5px solid #ddd;
    z-index: 999;

    a {
      font-size: 14px;
    }
  }
}

div.news_main_left_list1 {
  padding: 15px;
  background-color: #f5f5f5;
  h4 {
    margin-bottom: 20px;
    border-left: 4px solid rgb(51, 207, 255);
    font-size: 24px;
    padding-left: 10px;
    color: #333;
  }

  ul {
    li {
      display: flex;
      align-items: center;
      height: 50px;
      border-top: 0.5px solid #ddd;
      align-items: center;
      span {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 50%;
        background-color: rgb(51, 207, 255);
        margin-left: 20px;
        margin-right: 10px;
      }

      a {
        width: 280px;
        font-size: 14px;
        color: #666;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }
}

.news_main_left_list2 {
  margin-top: 20px;
  background-color: #f5f5f5;

  .news_main_left_list2_title_cover {
    height: 70px;
    display: flex;
    border-bottom: 0.5px solid #ddd;
    .item {
      flex: 1;
      height: 70px;
      line-height: 68px;
      padding-bottom: 2px;
      display: flex;
      justify-content: center;
      cursor: pointer;
    }
  }

  .news_main_left_list2_content_cover {
    padding: 0 20px;

    ul.news_main_left_list2_content {
      li {
        display: flex;
        padding: 20px 0;
        border-bottom: 0.5px solid #ddd;
        &:nth-last-of-type(1) {
          border-bottom: none;
        }
        p.pm {
          margin-right: 15px;
          display: block;
          min-width: 30px;
          height: 30px;
          border-radius: 50%;
          color: #fff;
          line-height: 30px;
          text-align: center;
          background-color: #0ea7f8;
        }

        .con {
          margin-bottom: 10px;

          p {
            font-size: 14px;
            color: #666;
          }
        }

        .i_span {
          margin-top: 15px;
          i {
            color: red;
            font-size: 18px;
          }
        }
      }
    }
  }
}

.wenda_active i {
  color: #0ea7f8 !important;
}

.news_active {
  color: #0ea7f8 !important;
  border-bottom: 3px solid #0ea7f8 !important;
}

.zzbz_swiper {
  height: 385px;
  width: 100vw;
  background-image: url(../img/sale-aptitude-banner.jpg);
  background-size: cover;
  .con_1200 {
    height: 385px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    p.p1 {
      font-size: 22px;
      color: #fff;
    }

    p.p2 {
      margin-top: 5px;
      font-size: 42px;
      color: #fff;
    }

    .serch1_cover {
      margin-top: 20px;
      width: 830px;
      height: 80px;
      border-radius: 8px;
      background-color: rgba(255, 255, 255, 0.35);
      position: relative;
      .serch2_cover {
        position: absolute;
        width: 810px;
        height: 60px;
        background: #fff;
        border-radius: 4px;
        left: 10px;
        top: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left {
          min-width: 90px;
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          padding: 10px;
          cursor: pointer;
          .zzbz_pos1_city{
            border: 1px solid #ccc;
            background-color: #fff;
            width: 110px;
            position: absolute;
            top: 60px;
            left: 0;
            max-height: 300px;
            overflow-y: auto;
            padding-bottom: 10px;
            z-index: 999;
            .item{
              height: 30px;
              line-height: 30px;
              text-align: center;
              font-size: 12px;
              &:hover{
                color: #FF4E44;
                cursor: pointer;
              }
            }
          }
          span {
            margin-right: 10px;
          }

          i.iconfont.icon-bottom {
          }
        }

        input {
          height: 35px;
          flex: 1;
          border: none;
          outline: none;
          border-left: 1px solid #ddd;
          padding-left: 10px;
        }

        .right {
          width: 144px;
          margin-left: 10px;
          padding: 0 30px;
          height: 58px;
          line-height: 58px;
          background: #ff4e44;
          border-radius: 7px;
          display: flex;
          align-items: center;
          justify-content: center;
          i.iconfont.icon-search {
            color: #fff;
            font-size: 20px;
            margin-right: 10px;
          }

          span {
            color: #fff;
          }
        }
      }
    }

    .rs {
      width: 830px;
      margin-top: 15px;
      display: flex;
      justify-content: space-between;
      .left {
        span {
          color: #ff4e44;
        }

        a {
          color: #fff;
        }
      }

      a.all {
        color: #fff;
      }
    }
  }
}

.zzbz_list1 {
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-bottom: 40px;
  .con_1200 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    .zzbz_list1_left {
      width: 460px;
      background-color: #fff;
      padding: 20px;
      padding-top: 100px;
      position: relative;
      .left_title_cover {
        position: absolute;
        padding-left: 10px;
        top: 20px;
        left: 0;
        height: 32px;
        line-height: 32px;
        color: #fff;

        background-color: #ff4e44;
        padding-right: 30px;
        letter-spacing: 3px;
        span.pos_sj {
          position: absolute;
          right: -20px;
          top: 2px;
          width: 30px;
          height: 30px;
          background-color: #fff;
          transform: rotate(45deg);
        }
      }

      ul.zzbz_list1_left_content_cover {
        display: flex;
        flex-wrap: wrap;
        li {
          font-size: 14px;
          color: #333;
          padding: 0 20px 20px 0;
          cursor: pointer;
        }
      }
    }

    .zzbz_list1_right {
      margin-left: 20px;
      display: flex;
      flex-wrap: wrap;
      flex: 1;
      .item {
        margin-right: 15px;
        margin-top: 15px;
        width: 260px;
        padding: 30px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        &:nth-of-type(-n + 2) {
          margin-top: 0 !important;
        }
        &:nth-of-type(1) {
          i {
            color: #369;
          }
        }
        &:nth-of-type(2) {
          i {
            color: rgb(141, 40, 70);
          }
        }
        &:nth-of-type(3) {
          i {
            color: rgb(27, 133, 74);
          }
        }
        i {
          font-size: 40px;
        }

        h4 {
          font-size: 18px;
          margin: 10px 0;
          color: #333;
        }

        p {
          font-size: 14px;
          color: #666;
        }
      }
    }
  }
}

.header_login {
  height: 70px;
  background-color: #fff;
  .con_1200 {
    width: 1000px;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left {
      display: flex;
      align-items: center;
      img {
        width: 125px;
        height: 35px;
      }

      p {
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        margin-left: 20px;
        display: block;
        border-left: 1px solid #ddd;
        padding-left: 20px;
      }
    }

    .right {
      i.iconfont.icon-phone07 {
      }

      span {
        font-size: 12px;
      }
    }
  }
}

.login_main {
  height: 600px;
  width: 100vw;
  background-image: url(../img/login-banner.png);
  background-position: center;
  background-size: cover;

  .con_1200 {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    position: relative;
  }
  .login_form_cover {
    position: absolute;
    top: 90px;
    right: 100px;
    width: 350px;
    height: 365px;
    background-color: #fff;
    .header_list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #ddd;
      height: 54px;
      // .sx_line {
      //   width: 1px;
      //   height: 20px;
      //   background-color: #ddd;
      // }
      .item {
        height: 25px;
        float: left;
        width: 50%;
        color: #555;
        font-size: 18px;
        background: #fff;
        text-align: center;
        cursor: pointer;
        &:nth-of-type(1) {
          border-right: 1px solid #ddd;
        }
      }
    }

    .loin_list {
      padding: 20px;
      .item {
        display: flex;
        justify-content: center;
        position: relative;
        margin-bottom: 20px;
        i {
          position: absolute;
          font-size: 20px;
          top: 8px;
          left: 12px;
        }

        input {
          padding-left: 35px;
          background: #fafafa;
          border: 1px solid #ddd;
          outline: none;
          width: 275px;
          height: 35px;
          font-size: 14px;
          color: #aaa;
        }
      }

      .cover1 {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        a {
        }

        p {
          a {
            color: #0ea7f8;
          }
        }
      }

      button {
        width: 100%;
        margin: 0 auto;
        display: block;
        color: #fff;
        font-size: 14px;
        text-align: center;
        background: #0ea7f8;
        padding: 10px 45px;
        letter-spacing: 10px;
        outline: none;
        border: none;
        cursor: pointer;
        margin: 20px 0;
      }

      p.cover2 {
        font-size: 12px;
        line-height: 20px;
      }
    }
  }
}

.loin_list {
  display: flex;
  flex-direction: column;
  align-items: center;

  img {
    width: 200px;
    height: 200px;
  }

  p.weixi_p1 {
    margin: 15px 0;
    font-size: 16px;
    span {
      color: #0ea7f8;
    }
  }

  ul.ul_cover {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    li {
      color: #999;
      i.iconfont.icon-time {
        font-size: 16px;
        color: #999;
      }

      span {
      }
    }
  }
}

.login_active {
  color: #0ea7f8 !important;
}

.price_bck {
  background-color: #fff !important;
}
.parice_add {
  margin-top: 20px;
  width: 100px;
  height: 36px;
  line-height: 36px;
  outline: none;
  border: none;
  color: #fff;
  background-color: #0ea7f8;
}


.zr_lunbo {
  background-image: url(../img/1.jpg);
  transition: 1s all;
  background-size: cover;
  .con_1200 {
    position: relative;
    padding-top: 140px;
    .zr_swiper1_item_navlist {
      position: absolute;
      top: 60px;
      left: 0px;
      display: flex;
      .zr_swiper1_item_navlist_item {
        cursor: pointer;
        padding:0 20px;
        // border-left: 2px solid #ccc;
        &:nth-of-type(1){
          border-left: none;
          padding-left: 0px;
        }
        p.title {
          display: block;
          font-size: 18px;
          
          padding: 0 5px;
          padding-bottom: 10px;
         
        }
      }
    }

    .zr_swiper1_list {
      // margin: 100px auto;
      .zr_swiper1_item {
        h4 {
          font-size: 35px;
          font-weight: 500;
          color: #333;
        }

        p.p1 {
          font-size: 18px;
          margin: 30px 0;
        }

        .zr_swiper1_list_footer {
          display: flex;
          align-items: center;
          .item {
            margin: 0 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            i {
              font-size: 30px;
              color: #666;
            }

            p.zr_swiper1_list_footer_item_p1 {
              margin-top: 10px;
              color: #666;
            }
          }

          p.next {

          }
        }
      }
    }
  }
}

.zr_line{
  color: #ccc;
}

.zr_active4{
  border-bottom: 3px solid #0ea7f8 !important;
}

.zr_active5 i{
  color: #0ea7f8 !important;
}
.zr_active5 p{
  color: #0ea7f8 !important;
}